<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title>
<style>
    img{
        float:right;
    }
    </style>
    </head>
    <body>
        <p>在下面的段落中，我们添加了一个<b>float:right</b>的图片。导致图片将浮动在段落的右边。</p>
        <p>
            <img src="https://www.runoob.com/images/klematis2_small.jpg" width="95" height="84"/>
            这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
            </p>
    </body>
    </html>